<template>
  <div class="page-home">
    <h3 class="page-title">grow-scroll&nbsp;示例</h3>
    <ul class="item-list">
      <li class="item">
        <router-link to="scroll-x">1.水平滚动</router-link>
      </li>
      <li class="item">
        <router-link to="scroll-y">2.垂直滚动</router-link>
      </li>
      <li class="item">
        <router-link to="slide">3.水平轮播</router-link>
      </li>
       <li class="item">
        <router-link to="vertical-slide">4.垂直轮播</router-link>
      </li>
      <li class="item">
        <router-link to="sample-scroll">5.下拉刷新，上拉加载</router-link>
      </li>
      <li class="item">
        <router-link to="index-list">6.通讯录</router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'PageHome'
}
</script>

<style lang="scss">
.page-home {
  padding: 10px;
  .page-title {
    padding: 10px;
  }
  .item-list {
    .item {
      padding: 10px;
    }
  }
}
</style>
